/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}


/* 手机端下拉 */
.wap-click {padding: 0 1rem; display: none; cursor: pointer;}
.wap-click .basemenubut {display: flex; align-content: center; justify-content: center;flex-wrap: wrap;height: 100%; width: 22px;}
.wap-click .basemenubut span { display: block; width: 100%;height: 2px;margin-bottom: 5px; border-radius: 3px;background-color: #fff;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.basemenubut span:nth-child(2) {width: 80%;}
.basemenubut2 span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
.basemenubut2 span:nth-child(2) { display: none;}
.basemenubut2 span:nth-child(3) { transform: rotate(-45deg);margin: 0; margin-top: -2px;}
.header.navfixed .wap-click .basemenubut span {background: #333;}
.header.navfixed2 .wap-click .basemenubut span {background: #333;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto; height: 100%;}
.hadNav2 .f_navbox { height: calc(100% - 7rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.hadNav2 .f_navbox > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.hadNav2 .f_navbox > li > a {font-size: 1.2rem; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > a > img {transform: rotate(90deg); margin-right: 0.5rem; transition: .5s;}
.hadNav2 .f_navbox > li > ul {display: none;}
.hadNav2 .f_navbox > li > ul > li > a {font-size: 1.1rem; padding: 0.5rem; display: block; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > ul > li > a > img {transform: rotate(90deg); transition: .5s;}
.hadNav2 .f_navbox > li > ul > li > ul {display: none; padding: 0 0.5rem;}
.hadNav2 .f_navbox > li > ul > li > ul > li > a {font-size: 1rem; padding: 0.5rem; color: #333; display: block;}
.hadNav2 .f_navbox > li.active > a img {transform: rotate(-90deg);}
.hadNav2 .f_navbox > li.active > ul > li.active img {transform: rotate(-90deg);}
.hadNav2 .f_navbox li a:hover {color: #e60012;} 

@media screen and (min-width: 200px) and (max-width: 1900px) {
  .container18 {width: 92%;}

}

@media screen and (min-width: 200px) and (max-width: 1800px) {
  .container {width: 92%;}
  .container165 {width: 92%;}

}

/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
  .container16 {width: 92%;}
  .nyBanner .Tle {width: 92%;}
  .nyBanner ul {width: 92%;}
  /* 首页 */

}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
  /* 首页 */
  .banner .swiper-slide .tle {width: 92%;}

  /* 新闻中心 */
  .newsOne ul li .num::after {top: -11px;}


  .ny-news-xq .ny-xq-con img {width: 100%; display: block;}


}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
  .container14 {width: 92%;}
  /* 首页 */
  /* 二级下拉 */
  .pulldown ul {width: 92%;}
  
  
}


/* ======================================================1400px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1400px) {
  /* 头部 */


}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
  .container12 {width: 92%;}
  /* 首页 */
  
  /* 资质证书 */
  .cercateTwoSwiper .swiper-slide .con {padding: 2rem 1rem;}

  /* 发展历程 */
  .historyMap .mapBox {flex-wrap: wrap;}
  .historyMap .mapBox .bd {width: 100%;margin-top: 2rem;}

}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  .wap-click {display: block;}
  .headerNav {display: none;}
  .header .box .language {position: absolute; right: 9rem;}
  /* 二级下拉 */
  .pulldown {display: none;}

  /* 内页banner */
  .nyBanner2 img {height: 500px; object-fit: cover;}

  /* 联系我们 */
  /* .contactMap .mapBox {    gap: 5rem;}
  .contactMap .mapBox .hd {width: 60%;}
  .contactMap .mapBox .bd {width: 40%;} */
  /* .contactMap .mapBox li {width: 32%;} */
  .contactMap .mapBox {grid-template-columns: repeat(3,1fr);}


  
} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
  /* 新闻中心 */
  .newsOne ul {gap: 1.5rem;}
  .newsOne ul li:nth-child(1) {width: 75%;}
  .newsOne ul li:nth-child(1) h4 {margin: 2rem 0;}
  .newsOne ul li h4 {margin: 1.5rem 0;}

}



/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
  /* 首页 */
  .banner .swiper-slide .tle h3 {font-size: 3.5rem;}
  .banner .swiper-slide .tle a {margin-top: 1.5rem;}
  .indexTwo ul {flex-wrap: wrap;}
  .indexTwo ul li.on {width: 48%;flex: none;}
  .indexTwo ul li {width: 48%; flex: none;}
  
 /* 内页banner */
 .nyBanner .Tle { top: 50%;}

  /* 联系我们 */
 /* .contactMap .mapBox {flex-wrap: wrap;}
 .contactMap .mapBox .hd {width: 100%;}
 .contactMap .mapBox .bd { width: 100%;} */

 /* .contactMap .mapBox {justify-content: center;flex-wrap: wrap; gap: 3rem;}
 .contactMap .mapBox li {    width: 46%;} */

 .contactMap .mapBox {    grid-template-columns: repeat(2,1fr);}

 /* 产品中心 */
 .proCenter .box ol li img {width: 100%;}
 .proCenter .box ul {flex-wrap: wrap;}
 .proCenter .box ul li {height: 5rem; line-height: 5rem;}

 /* 产品列表 */
 .proList .list li {height: auto;}
 .proList .list li .con {padding-bottom: 2rem;}
 .proList .list li .con h4 {margin-top: 1rem;}
 .proList .list li .con img {margin-top: 2rem;}

 /* 产品详情 */
 .nyXq .con .info {flex-wrap: wrap;}

 .cercateTwoSwiper .box {    grid-template-columns: repeat(3,1fr);}

 .ny-news-xq2 .box-left {width: 55%;}
 .ny-news-xq .box-right {width: 45%;}
 
}

/* ======================================================800px========================================================= */
@media screen and (min-width: 200px) and (max-width: 800px) {
  /* 底部 */
  .footer .yqlj {margin-left: 1.5rem;}
  .footer .foooter-bom .le {display: none;}
  .footer .foooter-bom .code {width: 100%; justify-content: center;}
}



/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
  /* lodding */
  .fv {    min-width: 96%; margin: auto;}
  .fv .fv-logo img {width: 100%;}
  .fv .fv-lead strong {font-size: 5rem;}

  /* 新闻中心 */
  .newsOne ul {flex-wrap: wrap;    justify-content: space-between;}
  .newsOne ul li {width: 48%;     padding-bottom: 5rem;}
  .newsOne ul li:nth-child(1) {width: 100%; padding-bottom: 2rem;}

  /* 人才战略 */
  .talentTwo .joinus-tab tr td:nth-child(4) {width: 25%; padding-right: 2rem;}
  .talentTwo .joinus-tab tr td {width: 25%;}

  .honor-xq img {width: 100%;}

  /* 发展历程 */
  .historyMap .mapBox .hd {overflow-x: scroll;}
  .historyMap .mapBox .hd .hdBox {    width: 857px;position: relative;}
}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
  /* 首页 */
  .banner .swiper-slide .tle {text-align: center;}
  .banner img {height: 400px; object-fit: cover;}
  .banner .swiper-slide .tle h3 {font-size: 3rem;}
  .banner .swiper-slide .tle h4 {font-size: 1.5rem;}
  /* 底部 */
  .footer .footer-top {flex-wrap: wrap;gap: 2rem;}
  .footer .top-left {width: 100%; justify-content: center;}
  .footer .footer-top .list {width: 100%; justify-content: center;}
  .footer .foooter-bom { padding: 3rem 0;}

  /* 员工风采 */
  .staff ul {column-count: 3;}


  /* 企业文化 */
  .cultureThree ul {margin-top: 3rem;}
  .cultureThree li {flex-wrap: wrap; height: auto; border: 1px solid #ddd;}
  .cultureThree li .imgBox {width: 100%; height: 18rem;}
  .cultureThree li .con {width: 100%; padding: 2rem; box-sizing: border-box;}
  .cultureThree li h4 {font-size: 1.8rem;}
  .cultureThree li:nth-child(even) {border: 1px solid #ddd;}
  .cultureThree li:nth-child(even) .con {order: 1;}

  /* 内页banner */
  .nyBanner img {height: 400px; object-fit: cover;}
  .nyBanner .Tle {text-align: center;}
  .nyBanner .Tle h3 {font-size: 2rem;}
  .nyBanner .Tle h4 {font-size: 1.5rem;}
  .nyBanner2 .Tle p {width: 100%;}

  /* 人才战略 */
  .talentOne ul li {flex-wrap: wrap; height: auto;}
  .talentOne ul li .imgBox { width: 100%; height: 200px;}
  /* .talentOne ul li .imgBox img {display: block; width: 100%;} */
  .talentOne ul li .con {width: 100%; padding: 2rem; box-sizing: border-box;}
  .talentOne ul li:nth-child(even) .con {padding: 2rem; box-sizing: border-box;order: initial;}
  .acquisition-info {width: 90%;}

  /* 联系我们 */
  .contactbox {padding: 3rem 0;}
  .contactbox .cont {flex-wrap: wrap;gap: 2rem;}
  .contactbox .cont .lt, .contactbox .cont .gt {width: 100%;}
  .contactbox .cont .tit {font-size: 2rem;}
  .contactbox .cont .lt .make-text p {font-size: 1.5rem;}
  

  /* 关于盖威 */
  .aboutOne ul {flex-wrap: wrap; margin-top: 3rem; gap: 2rem;}
  .aboutOne ul li {width: 45%;}

  /* 发展历程 */
  .historyTime .hd .move {top: 10%;right: 4%;}
  .historyTime .hd ul {padding-right: 5%; height: auto;}
  .historyTime .hd li {padding: 1rem 0 2.5rem 0;}
  .historyTime .hd li .box {    padding-left: 2.4rem; width: 85%;}

  /* 产品中心 */
  .proCenter .tabTop {gap: 8rem;}
  .proCenter .box dl dd {padding: 2rem; box-sizing: border-box;}
  .proCenter .box dl dd .info {flex-wrap: wrap; gap: 2rem;}
  .proCenter .box dl dd .le {width: 100%; padding-left: 0;}
  .proCenter .box dl dd .re {margin: auto; width: 100%;}
  .proCenter .box dl dd .re img {width: 100%;}

  /* 产品列表 */
  .proList .list li {width: 100% !important;}

  .cercateTwoSwiper .box {    grid-template-columns: repeat(2,1fr);}

  .ny-news-xq2 .xq-box {padding-top: 7rem;}
  .ny-news-xq .news-title h2 {font-size: 2rem;}
  .ny-news-xq2 .box-left {width: 100%;}
  .ny-news-xq .box-right {width: 100%; padding: 0; margin-top: 3rem;}
}


@media screen and (min-width: 200px) and (max-width: 640px) {
  .fv {display: none !important}
  .fy {padding: 15px 0;}

  /* 头部 */
  .header .box {height: 4.5rem;}
  
  .header .box .language {height: 4.5rem;}
  .header .box .language img {display: none;}
  .header .box .language span {display: none;}
  .header .box .language .listHide {display: none !important;}
  .wapAnge {display: block;}
  .header .box h1 a {width: 6rem; height: 4rem;}
  .hadNav2 .f_navbox > li > a {font-size: 1.1rem;}

  /* 搜索 */
  .search-pro {width: 340px;}
  .search-text {width: 80%;}

  /* 首页 */
  .indexTle {padding: 3rem 0;}
  .indexTle h3 {font-size: 2rem;}
  .indexTle h4 {font-size: 1.5rem;}
  .indexOne p {width: 100%;}
  .indexTwo ul li.on {width: 100%;flex: none;}
  .indexTwo ul li {width: 100%; flex: none;}
  .indexTwo ul li img {width: 100%;}
  .indexTwo ul li .con {height: 100%;}
  .indexTwo ul li .con h4 {margin-top: 3rem;}
  .indexTwo ul li .con em {margin-top: 3rem;}
  .indexThree .more {    margin: 3rem auto 3rem auto;}
  .indexFour {height: 18rem;}
  .indexFour span {font-size: 1.2rem;}
  .indexFour a {font-size: 1.8rem;}

  /* 内页banner */
  .nyBanner2 img {height: 300px;}
  .nyBanner2 .Tle {text-align: center;}
  .nyBanner2 .Tle h3 {font-size: 2rem;}
  .nyBanner2 .Tle p {font-size: 1rem;width: 100%; margin-top: 1rem;}
  .nyBanner2 ul {bottom: 5%;}
  .nyBanner2 ul li a {font-size: 1rem;}
  
/*  .nyBanner ul {display: none;} */

  /* 资讯证书 */
  .cercate {padding-bottom: 1rem;}
  .cercateTle {padding: 3rem 0;}
  .cercateTle h3 {font-size: 2rem;}
  .cercateTle h4 {font-size: 1.5rem;}
  .cercateSwiper {height: 18rem;    background-size: cover;}
  .cercateSwiper .swiper-slide h5 {font-size: 1.5rem;}
  .cercateSwiper .swiper-slide p {font-size: 1rem;width: 65%; margin-top: 1.5rem;}
  .cercateSwiper .swiper-button-prev {width: 3rem; height: 3rem;left: 0; }
  .cercateSwiper .swiper-button-next {width: 3rem; height: 3rem;right: 0; }
  .cercateTwo {padding-bottom: 3rem;}

  /* 新闻中心 */
  .newsOne {padding: 3rem 0;}
  .newsOne ul li {width: 100%;     padding-bottom: 5rem;}
  .newsOne ul li:nth-child(1) .newsTop {flex-wrap: wrap; gap: 1rem;}
  .newsOne ul li:nth-child(1) .newsTop .imgBox {width: 100%;}
  .newsOne ul li:nth-child(1) .newsTop .re {width: 100%; margin-top: 0;}
  .newsOne ul li h4 ,.newsOne ul li:nth-child(1) h4 {font-size: 1.2rem;}
  .newsTwo .newsNav ul {gap: 1rem;}
  .newsTwo .newsNav ul li a {font-size: 1.1rem; padding-bottom: 1rem;}
  .newsTwo .newsList li .time {width: 8rem; height: 8rem;}
  .newsTwo .newsList li .time strong {font-size: 3rem;}
  .newsTwo .newsList li .time span {font-size: 1.2rem;}
  .newsTwo .newsList li .re {padding-left: 1rem;}
  .newsTwo .newsList li .re h5 {font-size: 1.1rem;}
  .newsTwo .newsList li .re .more {font-size: 1rem; margin-top: 0.5rem;}

  .newsOne ul li:nth-child(1) .newsTop .re strong {text-align: left;}
  .newsOne ul li:nth-child(1) .newsTop .re {text-align: left;}
  .newsOne ul li:nth-child(1) .newsTop .re .more {position: relative;     margin-top: 1rem;}

  /* 人才战略 */
  .talentTle {padding: 3rem 0; }
  .talentOne .talentTle {padding: 3rem 0; }
  .talentTle h3 {font-size: 2rem;}
  .talentTle p {width: 100%;}
  .talentOne ul li {margin-top: 1.5rem;}
  .talentOne ul li h4 {font-size: 1.5rem;}
  .talentTwo {padding-bottom: 3rem;}
  .talentTwo .joinus-tab tr {align-items: center; font-size: 1rem; padding: 1rem;}
  .talentTwo .joinus-tab tr td {width: calc(100%/3);}
  .talentTwo .joinus-tab tr td:nth-child(4) {padding-right: 0.5rem; display: none;}
  .acquisition-info {padding: 1.5rem;}

  /* 企业文化 */
  .culture {padding: 3rem 0;}
  .culture .box {    flex-wrap: wrap; gap: 2rem;}
  .culture .box .re {width: 100%; order: -1;}
  .culture .box ul {width: 100%;}
  .culture .box ul li {padding: 1rem 0;}
  .culture .box ul li h6 {font-size: 1.5rem;}

  .cultle h3 {font-size: 2rem;}
  .cultle small {font-size: 1.8rem;}
  .cultureOne ul li h4 {font-size: 1.9rem;}
  .cultureOne {margin: 3rem 0;}
  .cultureOne ul {align-items: flex-start; flex-wrap: wrap; margin-top: 3rem;}
  .cultureOne ul li {width: 100%; margin-top: 3rem;}

  .cultureTwo {padding: 3rem 0;}
  .cultureTwo ul {flex-wrap: wrap; margin-top: 1rem;}
  .cultureTwo ul li {width: 100%; margin-top: 3rem;}
  .cultureTwo ul li h4 {font-size: 1.9rem;}


  /*联系我们 */
  .contactMap {padding: 3rem 0;}
  .contactMap .mapBox {    grid-template-columns: repeat(1,1fr);}
  .contactMap .mapBox .bd ul li {padding: 2rem;}
  .contactMap .mapBox .bd ul li h3 {font-size: 2rem;}
  .contactMap .mapBox .bd ul li dl {margin-top: 2rem;}
  
  /* 关于盖威 */
  .aboutOne {padding: 3rem 0;}
  .aboutOne .tle h3 {font-size: 2rem;}
  .aboutOne .tle h4 {font-size: 1.5rem;}
  .aboutOne .tle p {width: 100%; margin-top: 2rem;}
  .aboutOne li strong {font-size: 2rem;}
  .aboutOne li small {font-size: 1rem;}
  .aboutTwo {padding-bottom: 3rem;}
  .aboutTwo .btn {width: 3rem; height: 3rem;}
  .aboutTwo .btn img {width: 35%;}
  .video-hide {padding: 2rem;}
  .video-hide .box-title h3 {font-size: 1.5rem;}
  .video-hide .box-title span {font-size: 2rem;}
  .video-hide .box-title {padding-bottom: 1rem;}
  .aboutThree ul {padding-bottom: 3rem;}
  .aboutThree ul li {width: 100%; }
  .aboutThree li h3 {font-size: 1.6rem;}

  /* 发展历程 */
  .historyTime {padding: 3rem 0;}
  .historyTime {flex-wrap: wrap;}
  .historyTime .hd .move::after {left: -4px;}
  .historyTime .bd {width: 100%;}
  .historyTime .bd ul li strong {font-size: 10rem; writing-mode:initial;text-align: center;}

  .historyMap .mapBox .bd {margin-left: 0;}

  /* 产品中心 */
  .proCenter .tabTop {margin-top: 3rem; gap: 2rem;}
  .proCenter .tabTop li img {width: 50%;}
  .proCenter .tabTop li span {margin-top: 0.5rem;}
  .proCenter .box > li .tle {padding: 3rem 0;}
  .proCenter .box > li h4 {font-size: 2rem;}
  .proCenter .box > li span {font-size: 1.5rem;}
  .proCenter .box ul li {padding:0 1rem; box-sizing: border-box; font-size: 1rem; width: auto;     height: 4rem; line-height: 4rem;}
  .proCenter .box li .boxCon {padding-bottom: 5rem;}

  /* 产品列表 */
  .proList {padding: 3rem 0;}
  .proList .info {margin: 3rem 0;}
  .proList .nav {flex-wrap: wrap;}
  .proList .nav li {}
  .proList .nav li a {padding-bottom: 1rem;}
  .proList .list li .con {padding: 1rem;}
  .proList .list li .con h4 {margin-top: 0; font-size: 1.2rem;}

  /* 产品详情 */
  .nyXq {padding: 4.5rem 0;}
  .nyXq .tle h3 {font-size: 2rem;}
  .nyXq .con {padding: 2rem;}
  .nyXq .con h4 {font-size: 1.8rem; margin-bottom: 2rem;}
  .nyXq .con .info {gap: 3rem; margin-bottom: 3rem;}
  .nyXq .con .info .le {width: 100%; height: auto;}
  .nyXq .con .info .le img {width: 100%;}
}




@media screen and (min-width: 200px) and (max-width: 450px) {
  .footer .top-left {flex-wrap: wrap; gap: 2rem;}

  .proCenter .box li .boxCon::before {left: 50%;}
  .proCenter .box li .boxCon::after {right: 50%;}


  /* 员工风采 */
  /* .staff ul {height: 900px;} */
  .staff ul {column-count: 2;}

  .cercateTwoSwiper .box {    grid-template-columns: repeat(1,1fr);}
}